<div class="topbar">
	<div class="topbar-inner">
		<div class="container">
			<h3>
				<a href="/">{% if settings.site_name %}{{settings.site_name}}{% else %}intr{% endif %}</a>
			</h3>
			
			{# RIGHT NAVIGATION #}
			<ul class="nav">
				<li class="vertical_divider"></li>
			{% if society %}
				<li><a href="/societies/{{society.slug}}/blog">Blog</a></li>
				<li><a href="/societies/{{society.slug}}/events">Events</a></li>
			{% else %}
				<li><a href="/societies">Societies</a></li>
				<li><a href="/events">Events</a></li>
			{% endif %}
			{% if society and perms.events.create_event and perms.blogpost.create_post %}
				<li class="vertical_divider"></li>
				<li><a href="/events/{{society.slug}}/create">Add Event</a></li>
				<li><a href="/blogs/{{society.slug}}/create">Add Blog Post</a></li>
				<li><a href="/societies/{{society.slug}}/members">Members List</a></li>
			{% endif %}
			</ul>
			
			{# LEFT NAVIGATION #}
			<ul class="nav secondary-nav">
			{% if user.is_authenticated %}
				<li class="dropdown" data-dropdown="dropdown">
					<a href="#" class="dropdown-toggle"><!--<img src="{{gravatar_url}}" class="profile_picture" />-->{% if user.get_full_name %}{{user.get_full_name}}{% else %}{{user.username}}{% endif %}</a>
					<ul class="dropdown-menu">
						<li><a href="/accounts/profile">Profile</a></li>
						<li><a href="#">Settings</a></li>
						<li class="divider"></li>
						<li><a href="/accounts/logout">Log Out</a></li>
					</ul>
				</li>
			{% else %}	
				<li><a href="/accounts/login">Login</a></li>
				<li><a href="/accounts/register">Register</a></li>
			{% endif %}
			</ul>
		</div>
	</div>
</div>